<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<style>
    body {
        margin: 0px;
        width: 100%;

    }

    .comtainer {
        width: 1920px;
        border: 1px solid #000;
        overflow: hidden;
        display: flex;


    }

    .comtainer>div {
        width: 12%;
    }

    @media screen and (max-width:1680px) {
        .comtainer {
            flex-wrap: wrap;
        }

        .comtainer>div {
            width: 11.11%;
        }
    }

    @media screen and (max-width:1600px) {
        .comtainer {
            flex-wrap: wrap;
        }

        .comtainer>div {
            width: 16.6%;
        }
    }


    @media screen and (max-width:1440px) {
        .comtainer {
            flex-wrap: wrap;
        }

        .comtainer>div {
            width: 20%;
        }
    }


    @media screen and (max-width:1400px) {
        .comtainer {
            flex-wrap: wrap;
        }

        .comtainer>div {
            width: 25%;
        }
    }

    @media screen and (max-width:1366px) {
        .comtainer {
            flex-wrap: wrap;
        }

        .comtainer>div {
            width: 33.33%;
        }
    }

    @media screen and (max-width:1360px) {
        .comtainer {
            flex-wrap: wrap;
        }

        .comtainer>div {
            width: 50%;
        }
    }
</style>

<body>
    <script src="../lib/jquery.js"></script>
    <!-- “行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。 -->

    <div class="comtainer">
        <!-- 通过“行（row）”在水平方向创建一组“列（column）”。 -->
        <div>colcol</div>
        <div>colcol</div>
        <div>colcol</div>
        <div>colcol</div>
        <div>colcol</div>
        <div>colcol</div>
        <div>colcol</div>
        <div>colcol</div>
        <div>colcol</div>
        <div>colcol</div>
        <div>colcol</div>
        <div>colcol</div>
        <script>



        </script>






</body>

</html>